<!--******************FOTO*************************-->
<style>
/*    .contendorImagenPerfil {
        position:absolute;top:112px;right:30px;
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
    }*/
    .contenedorDescripcionPerfil {
        width:calc(100% - 250px);
        float:left;
        margin:10px;
        font-family: 'Indie Flower', cursive;
        font-size:21.5px !important;
    }
.contendorImagenPerfil {
    margin:10px;
    float:left;
    height:200px;
    position:relative;
}
</style>
<!--<div class='contendorImagen'>-->
    
    <div class="contendorImagenPerfil">
        <img class="thumb" style="box-shadow:1px 1px 10px black;<?php if($_SESSION['uid'] == $datos['idUsuario']) { echo "cursor:pointer"; }?>" src="../<?php echo $datos['foto']?>" data-toggle="modal" data-target="#cambiarImagen">
        <div class="aspa" style="left:-7px" title="Baja de usuario" data-toggle="modal" data-target="#baja"><i class="glyphicon glyphicon-remove"></i></div>
    </div>
    <div class="bocadillo_izquierda contenedorDescripcionPerfil">
        <?php 
            if ($datos['descripcion'] == "") {
                echo "Todavía no tengo una descripción...";
            } else {
                echo $datos['descripcion'];
            }
        ?>
    </div>

    <?php include 'ventanaBaja.php'; ?>
    <script>
        $('#baja').modal(options);
    </script>
<!--    <div style="position:absolute;top:86px;right:125px;"> 
        <img src="../img/miniclip.png">
    </div>-->

    <!--<div style="padding:10px;">-->
    <?php // if (!isset($datos['valoracionMedia'])){ ?>
        <!--No existen opiniones-->
    <?php // } else { ?>
            <!--<img src="../img/<?php // echo $datos['valoracionMedia'] ?>estrellas.png"> <font style="font-weight:bold;"><?php // echo $datos['cantidadValoraciones'] ?> opiniones</font>-->    
    <?php // } ?>
    <!--</div>-->
<!--</div>-->